<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:view locale="#{bundle.locale}">
    <body>

        <ui:composition template="./Base.xhtml">
        
            <ui:define name="content">
                    <div id="TwoContainers" class="container-fluid">
                        <div class="row-fluid">
                            <ui:include src="Menu.xhtml" />
                            <div id="bodyContent" class="span10">
                                <!--Body content-->
                                <h1><h:outputText value="#{msg.LabelMenuPromo}"></h:outputText></h1>
                                <br/>

                                <div id="myCarousel" class="carousel slide">
                                <ol class="carousel-indicators">
                                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                  <li data-target="#myCarousel" data-slide-to="1"></li>
                                  <li data-target="#myCarousel" data-slide-to="2"></li>
                                  <li data-target="#myCarousel" data-slide-to="3"></li>
                                </ol>
                                <!-- Carousel items -->
                                <div class="carousel-inner">
                                        <div class="active item"><h:graphicImage value="resources/img/1.png"></h:graphicImage>
                                  </div>
                                        <div class="item"><h:graphicImage value="resources/img/2.png"></h:graphicImage>
                                  </div>
                                        <div class="item"><h:graphicImage value="resources/img/3.png"></h:graphicImage>
                                  </div>
                                        <div class="item"><h:graphicImage value="resources/img/4.png"></h:graphicImage>
                                  </div>
                                </div>
                                <!-- Carousel nav -->
                                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                            </div>

                                <br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>

                            </div>
                        </div>
                    </div>
                    <br></br><br></br><br></br>
                </ui:define>

        </ui:composition>

    </body>
    </f:view>
</html>
